<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="viewport"  content="width=device-width,height=device-height initial-scale=1">
		<script type="text/javascript" src="src/jquery/jquery-1.6.2.min.js"></script>
		<script type="text/javascript" src="src/jquery/jquery.mobile-1.0b3.min.js"></script> 
		<script type="text/javascript" src="src/scripts/json_sans_eval.min.js"></script>
		<script type="text/javascript" src="src/scripts/basic.min.js"></script>
		<script type="text/javascript" src="src/scripts/caller.min.js"></script>
		<link rel="stylesheet" href="src/css/basic.css" type="text/css" />
		<link  type="text/css" href="src/jquery/jquery.mobile-1.0b3.min.css" rel="stylesheet" />
		
	</head>
	<body>
	     <!-- Inicio Pagina Inicial -->
		 <div id="pageBegin" data-role="page" >
			<div data-role="header" data-theme="b">
			    <a data-role="button" data-theme="b" href="indexRAF.html" data-icon="back" data-iconpos="notext">Anterior</a>			
		        <h1>Estad&#237;sticas</h1>
				<a href="../index.html" data-role="button" data-icon="delete" data-theme="d" data-iconpos="notext">Salir</a>  
		    </div>
		    <div class="css_head"></div>		
			<div data-role="content" data-theme="d">
				<ul id="mnview" data-role="listview" data-inset="true" >
				        <li data-role="list-divider">Plan Binacional </li>
						<li><a data-url="1" >Proyectos Nacionales</a></li>
						<li><a data-url="2" >Proyectos Binacionales</a></li>
						<!--<li><a href="#grafesta2">Grafica 2</a></li> -->
				</ul>
			</div>
			<div data-role="footer" data-theme="c"> 
	  			 <div class="css_footer"></div>
			</div>
		</div>	
		<!--Fin Pagina Inicial --> 
		<!--Inicio Consulta de inversiones  -->	
		<div id="grafesta1" data-role="page">
			<div data-role="header" data-theme="b">
			    <a data-role="button" data-theme="b" data-rel="back" data-icon="back" data-iconpos="notext">Anterior</a>			
		        <h1>Estad&#237;sticas</h1>
				<a href="../index.html" data-role="button" data-icon="delete" data-theme="d" data-iconpos="notext">Salir</a>  
		    </div>		
			<div data-role="content" data-theme="d">
				<div id="resultsregiones"></div>
					<div id="categories_content">
							<div id="content-label-seek"></div>
							<ul  data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
								<li data-role="list-divider"> <div id="labelProyect"></div></li>
								<!--
								<li>
									<a data-url="-1" href="#graf_det">Resumen</a>
								</li> 
								
								<li data-role="list-divider">Regiones</li> 
								-->	
							
							</ul>
							<ul id="listview_output" data-filter="true" data-role="listview" data-inset="true" data-theme="c" data-dividertheme="b">
								
							</ul>
						
				   </div>
				   <center>
					<div data-role="controlgroup" data-type="horizontal">
						<a data-role="button" data-theme="b"  data-rel="back">Cerrar</a>
						<!--  <a  href="../index.html" data-role="button" data-theme="e" data-icon="delete" data-transition="pop">Salir</a>	-->
					</div>
				  </center>
				
			</div>
			<div data-role="footer" data-theme="c"> 
  			 	<div class="css_footer"></div>
			</div>
		</div>
		<!--Fin Consulta de inversiones  -->		
		<!--Inicio Detalle -->	
		<div id="graf_det" data-role="page"  data-rel="dialog">
				<!-- /header -->
				<div data-role="header" data-theme="b">
				    <h2>Detalle</h2>
					<a onclick="clickBack()" data-theme="b"  data-icon="back" data-iconpos="notext">Anterior</a>
			   </div>
				<!-- /header -->
				<div data-role="content" data-theme="d">
					<p></p>
					<div class="content-primary">
					    <center>
						<div id="dialog_content_part_1"></div>
						</center>
						<p></p>
						<ul data-role="listview" data-theme="b">
							<li data-role="list-divider"><div id="label_graf_det"></div></li>
							<li><div id="dialog_content_part_2"></div></li>
						</ul>
					</div>
					<p></p>
					<center>
						<div data-role="controlgroup" data-type="horizontal">
							<a onclick="clickBack()" data-role="button" data-theme="b">Cerrar</a>
			            	<a href="../index.html" data-role="button" data-theme="e" data-icon="delete" data-transition="pop">Salir</a>
						</div>
					</center>
				</div>
			   <div data-role="footer" data-theme="c"> 
  			     <div class="css_footer"></div>
			   </div>
	</div>
	<!--Fin Detalle -->
	<div id="grafesta2" data-role="page" >
		<div data-role="header" data-theme="b">
		    <a href="#pageBegin" data-theme="b"  data-icon="back" data-iconpos="notext">Anterior</a>			
	        <h1>Estad&#237;sticas</h1>
			<a onclick="clickExit()" data-role="button" data-icon="delete" data-theme="d" data-iconpos="notext">Salir</a>  
	   </div>		
		<div data-role="content" data-theme="d">
			<center>
				<div id="resultsGrafesta2"></div>	
				<div data-role="controlgroup" data-type="horizontal">
					<a  href="#pageBegin" data-role="button" data-theme="b">Cerrar</a>
				    <a  href="../index.html" data-role="button" data-theme="e" data-icon="delete" data-transition="pop">Salir</a>
				</div>
			</center>
		 </div>
				
		<div data-role="footer" data-theme="c"> 
  			 <div class="css_footer"></div>
		</div>
		
	</div>		
	
	<!-- Include Library --> 
	<script type="text/javascript">
	var myPage=new Object();myPage={aListSelect:null,ikeySelect:-1,typeLink:"",clickExit:function(){try{location.replace("indexRAF.html")}catch(a){alert("Error clickExit: "+a.message)}},getParameterByName:function(){try{if(this.aListSelect==null){return null}var c=this.aListSelect[this.ikeySelect];var a=typeof c;if(a!="object"){c=null}return(c)}catch(b){throw new Error("Error [id=dialog] getParameterByName: "+b.message)}},getIdSelect:function(b){try{var a="-1";var d=this.getParameterByName();if(d){a=d[b]}return(a)}catch(c){throw new Error("Error getIdSelect: "+c.message)}},viewDataRegiones:function(a){try{var c=1;$(a).each(function(g,h){var f=g;var e=c+".-"+h.region;var d="<li><a  data-url='"+g+"' data-role='button' data-rel='dialog' data-transition='slide'>"+e+"</a></li>";$("#listview_output").append(d);c=c+1});$("#listview_output").listview("refresh");this.aListSelect=a}catch(b){throw new Error("Error viewDataRegiones: "+b.message)}},callbackRegiones:function(c){try{var b=typeof c;if(b=="string"){var a=jsonParse(c);myPage.viewDataRegiones(a);myCaller.callbackNotLoadingImg()}}catch(d){throw new Error("Error callbackRegiones: "+d.message)}}};function clickBack(){try{$.mobile.changePage($("#grafesta1"),"slide")}catch(b){alert("Error clickBack: "+b.message)}}$(document).ready(function(){$("#grafesta1").bind("pageshow",function(){try{var c="GetRegiones";var b="type="+myPage.typeLink;var a="";$.mobile.pageLoading();if(myPage.aListSelect==null){if(myPage.typeLink=="1"){a="Proyectos Nacionales"}else{a="Proyectos Binacionales"}$("#labelProyect").html(a);myCaller.doCallService(c,b,"resultsregiones","myPage.callbackRegiones")}$.mobile.pageLoading(true)}catch(d){alert("Error [id=#grafesta1] pageshow: "+d.message)}});$('ul[id="listview_output"] a').live("click",function(){try{var a=$(this).attr("data-url");if(a!=""){myPage.ikeySelect=parseInt(a);$.mobile.changePage($("#graf_det"),"slide")}}catch(b){alert("Error [id=listview_output] pageshow: "+b.message)}});$('ul[id="mnview"] a').live("click",function(){try{var a=$(this).attr("data-url");if(a!=""){myPage.typeLink=a;$.mobile.changePage($("#grafesta1"),"slide")}}catch(b){alert("Error [id=mnview] pageshow: "+b.message)}});$("#graf_det").live("pageshow",function(){try{var g=parseFloat(myPage.getIdSelect("plan"));var j=parseFloat(myPage.getIdSelect("contraparte"));var d=parseFloat(myPage.getIdSelect("inversion"));var b=0;var h=0;if(g!=0){b=(g*100)/d}if(j!=0){h=(j*100)/d}$.mobile.pageLoading();var a='<img src="https://chart.googleapis.com/chart?cht=p3&amp;chs=200x90&amp;chd=t:'+b+","+h+'&amp;chl=1|2&amp;chco=0000FF" alt="Resumen General " />';$("#dialog_content_part_1").html(a);a="<p>1.-Plan Binacional "+g+"</p><p>2.-Contraparte "+j+"</p><p>Total "+d+"</p>";$("#dialog_content_part_2").html(a);a="<p>"+myPage.getIdSelect("region")+"</p>";$("#label_graf_det").html(a);$.mobile.pageLoading(true)}catch(f){alert("Error [id=graf_det] pageshow: "+f.message)}});$("#grafesta2").live("pageshow",function(){try{var a='<img src="https://chart.googleapis.com/chart?cht=p3&amp;chs=200x90&amp;chd=s:Hellobla&amp;chl=May|Jun|Jul|Aug|Sep|Oct&amp;chco=0000FF" alt="Horizontal bar chart with " />';$.mobile.pageLoading();$("#resultsGrafesta2").html(a);$.mobile.pageLoading(true)}catch(b){alert("Error [id=grafesta2]pageshow: "+b.message)}})});
	</script> 
	</body>
</html>
